<template>
    <svg
        v-if="type === 'twitter'"
        fill="currentColor"
        viewBox="0 0 500 500"
        xmlns="http://www.w3.org/2000/svg"
    >
        <path
            d="m250 500c-138.3 0-250-111.8-250-250 0-138.3 111.8-250 250-250 138.3 0 250 111.8 250 250 0 138.3-111.8 250-250 250zm151.2-343.7c-11.1 4.9-23.2 8.3-35.7 9.7 12.9-7.7 22.6-19.8 27.2-34.1-11.9 7-25.3 12.2-39.3 14.9-11.3-12.1-27.4-19.6-45.3-19.6-37.8 0-69.3 34.1-60.5 76.3-12.3-0.7-24.5-2.6-36.4-5.7-11.9-3.2-23.4-7.6-34.4-13.1-11-5.6-21.3-12.3-30.9-20-9.6-7.8-18.3-16.5-26.1-26-5.4 9.1-8.4 19.7-8.4 31.2 0 5.1 0.6 10.2 1.9 15.1 1.2 4.9 3.1 9.7 5.5 14.2 2.3 4.4 5.3 8.6 8.7 12.4 3.4 3.7 7.3 7 11.5 9.9-10.1-0.4-19.7-3.3-28-7.9v0.8c0 7.1 1.2 14.2 3.6 20.9 2.4 6.6 5.9 12.9 10.4 18.4 4.5 5.5 9.9 10.1 16 13.8 6 3.7 12.7 6.3 19.7 7.7-9.9 2.5-18.5 2.5-28 1.1 7.8 24.6 30.7 42.4 57.9 43-21.2 16.6-47.9 26.5-76.9 26.5-5.2 0-10-0.3-15-0.8 27.5 17.6 60.1 27.8 95.2 27.8 114 0 176.4-94.4 176.4-176.3 0-2.7 0-5.4-0.2-8.1 12.2-8.7 22.7-19.7 31.1-32.1z"
        />
    </svg>

    <svg
        v-else-if="type === 'facebook'"
        fill="currentColor"
        viewBox="0 0 500 500"
        xmlns="http://www.w3.org/2000/svg"
    >
        <path
            class="s0"
            d="m250 1c-138 0-250 111.9-250 250 0 124.8 91.4 228.2 210.9 247v-174.7h-63.5v-72.3h63.5v-55.1c0.1-62.7 37.4-97.3 94.5-97.3 27.3 0 56 4.9 56 4.9v61.5h-31.6c-31 0-40.7 19.3-40.7 39.1v46.9h69.2l-11 72.3h-58.3v174.7c119.6-18.7 211-122.2 211-247 0-138-111.9-250-250-250z"
        />
    </svg>

    <svg
        v-else-if="type === 'github'"
        fill="currentColor"
        viewBox="0 0 500 500"
        xmlns="http://www.w3.org/2000/svg"
    >
        <path
            d="m250 0c138.1 0 250 114.8 250 256.3 0 113.2-71.5 209.3-170.8 243.2-12.7 2.5-17.2-5.5-17.2-12.3 0-8.4 0.3-36 0.3-70.3 0-23.9-8-39.5-17-47.5 55.7-6.3 114.2-28 114.2-126.4 0-28-9.7-50.9-25.8-68.8 2.7-6.5 11.2-32.6-2.4-67.9 0 0-21-6.9-68.7 26.3-19.9-5.7-41.4-8.5-62.6-8.6-21.3 0.1-42.6 2.9-62.6 8.6-47.8-33.2-68.8-26.3-68.8-26.3-13.5 35.3-5 61.4-2.4 67.9-16 17.9-25.7 40.8-25.7 68.8 0 98.1 58.3 120.1 113.9 126.6-7.2 6.4-13.7 17.7-15.9 34.3-14.3 6.5-50.5 17.9-72.8-21.3 0 0-13.2-24.6-38.3-26.4 0 0-24.3-0.4-1.7 15.5 0 0 16.4 7.9 27.8 37.5 0 0 14.6 45.8 84.2 30.3 0.1 21.4 0.3 41.6 0.3 47.7 0 6.8-4.6 14.7-17 12.3-99.4-33.8-171-129.9-171-243.2 0-141.5 111.9-256.3 250-256.3z"
        />
    </svg>

    <svg
        v-else-if="type === 'linkedin'"
        fill="currentColor"
        viewBox="0 0 500 500"
        xmlns="http://www.w3.org/2000/svg"
    >
        <path
            d="m375 278.3v92.4h-53.6v-86.3c0-21.6-7.7-36.4-27.1-36.4-14.8 0-23.7 10-27.5 19.6-1.4 3.5-1.8 8.2-1.8 13v90.1h-53.6c0 0 0.7-146.1 0-161.2h53.6v22.8l-0.3 0.5h0.3v-0.4c7.1-11 19.8-26.7 48.3-26.7 35.3 0 61.7 23 61.7 72.5zm-189.7-118.6c0 15.5-11.6 27.9-30.3 27.9h-0.4c-18 0-29.6-12.4-29.6-27.9 0-15.8 12-27.8 30.3-27.8 18.4 0 29.6 12 30 27.8zm-57.1 49.9h53.6v161.2h-53.6z"
        />
        <path
            d="m250 500c-138.3 0-250-111.8-250-250 0-138.3 111.8-250 250-250 138.3 0 250 111.8 250 250 0 138.3-111.8 250-250 250zm0-50c53 0 103.9-21.1 141.4-58.6 37.5-37.5 58.6-88.4 58.6-141.4 0-53-21.1-103.9-58.6-141.4-37.5-37.5-88.4-58.6-141.4-58.6-53 0-103.9 21.1-141.4 58.6-37.5 37.5-58.6 88.4-58.6 141.4 0 53 21.1 103.9 58.6 141.4 37.5 37.5 88.4 58.6 141.4 58.6z"
        />
    </svg>

    <svg
        v-else-if="type === 'x'"
        fill="currentColor"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 500 500"
    >
        <path
            d="m308.5 7c134.7 32.1 218 169.5 184 303.8-21.7 85.7-87.9 154.8-172 179-56.1 16.4-117.1 12.5-170.1-10.5-67.7-29.6-120-88.8-140.3-158.8-16.3-56.1-12.5-117.1 10.6-170.1 35.7-82 114.5-140 202.6-149.2 29.5-3 55.6-1.2 85.2 5.8zm-120.7 97.6h-45.8c-25.2 0-45.8 0.2-45.8 0.5 0 0.4 26.8 36.3 59.4 79.7 32.6 43.6 59.1 79.9 59 80.6-0.4 0.5-27.1 29.7-59.4 64.6-32.4 35-59 64-59 64.5 0 0.5 5.9 0.9 13.1 0.9h12.8l51-55.3c28.1-30.4 51.8-56 52.8-56.8 1.4-1.1 15.1 15.8 44.3 55.1l42.5 56.8 45.6 0.2c24.9 0 45.5-0.5 45.5-1.4 0-0.6-28.3-38.7-62.7-84.7l-62.7-83.4 8-8.5c4.6-4.5 27.3-29.1 50.5-54.3 23.3-25.2 45-48.8 48.3-52.3l5.9-6.2h-27.3l-47.9 51.8c-26.3 28.4-48.5 51.8-49.2 51.8-0.7 0-18.7-23.4-40.1-51.8z"
        />
        <path
            d="m137.5 127c0.7 1.2 42.8 57.7 93.3 125.2l91.9 123 20.6 0.1c12.7 0 20.4-0.6 20-1.6-0.1-0.9-42.1-57.4-92.9-125.4l-92.6-123.6h-20.7c-17.2 0-20.8 0.3-19.6 2.3z"
        />
    </svg>
</template>

<script>
export default {
    props: {
        type: String,
    },
};
</script>
